@import '../basic/globalVar.scss';
@import '../mixins/index.scss';
@include classNameConnect(dropdown) {
  display: inline-block;
  @include el(reference) {
    cursor: pointer;
  }
}
@include classNameConnect(dropdown-menu) {
  border: $--border-default;
  box-shadow: $--box-shadow-default;
  background-color: $--color-white;
  @include ci(dropdown) {
    width: 100%;
  }
}
@include classNameConnect(dropdown-item) {
  padding: $--dropdown-item-padding-vertical $--dropdown-item-padding-horizontal;
  cursor: pointer;
  color: $--color-text-default;
  position: relative;
  transition: background $--animation-time ease-in-out;
  line-height: normal;
  &:not(.is-disabled):hover {
    background-color: $--background-color-hover;
  }
  @include b(divided) {
    &:before {
      content: '';
      display: block;
      position: absolute;
      top: -1px;
      left: 0;
      height: 12px;
      width: 100%;
      border-top: $--border-default;
    }
  }

  @include when(disabled) {
    color: $--color-text-disabled;
    cursor: not-allowed;
  }
}
